<template>
	<el-table :data="tableData" style="width: 100%" class="table">
		<el-table-column prop="title" label="文章标题" min-width="180px" />
		<el-table-column prop="read" label="阅读数(万)" min-width="100px" />
		<el-table-column prop="nowRead" label="在读(次)" />
		<el-table-column prop="support" label="点赞(个)" />
		<el-table-column prop="comment" label="评论(条)" />
		<el-table-column prop="share" label="分享(次)" />
	</el-table>
</template>

<script setup>
import api from '../../api/api'
import { ref } from "vue"
const tableData = ref([])
api.get("/mock/articleRank").then(res => {
	tableData.value = res.data.data
})
</script>

<style lang="scss" scoped>
.table {
	background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);
}

</style>